<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>少编程</title>
  <link rel="stylesheet" href="./plugin/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="wrp">
    <div class="header">
      <div class="header_wrp">
        <div class="logo left"><a href=""><img src="./img/header/logo.png" alt=""></a></div>
        <div class="tel right"><a href=""></a></div>
        <ul class="nav floatfix">
          <li class="nav_li nav_li__act left"><a href="index.html">首页</a></li>
          <li class="nav_li left"><a href="enterprise_introduce.html">企业介绍</a></li>
          <li class="nav_li left"><a href="#">课程体系</a></li>
          <li class="nav_li left"><a href="team.html">师资团队</a></li>
          <li class="nav_li left"><a href="./camp.html">赛事活动</a></li>
          <li class="nav_li left"><a href="./honor.html">荣誉资质</a></li>
          <li class="nav_li left"><a href="media.html">媒体报道</a></li>
          <li class="nav_li left"><a href="contact.html">联系我们</a></li>
          <li class="nav_li right"><a href="#">400-665-2071</a></li>
        </ul>
      </div>
    </div>

    <!-- carousel -->
    <div class="banner">
      <div class="cazone" id="jsSlider">
        <ul class="imgs">
          <li class="imgs_li"><a class="" href="#"><img src="img/home/banner/one/img02_12.jpg" alt=""></a></li>
          <li class="imgs_li"><a class="" href="#"><img src="img/home/banner/one/img05_11.jpg" alt=""></a></li>
        </ul>
        <ul class="pointlist"></ul>
        <ul id="jsArrow">
          <li class="arrow_l"><span></span></li>
          <li class="arrow_r"><span></span></li>
        </ul>
      </div>
    </div>
    <!-- end carousel -->

    <div class="profile">

      <div class="profile_wrp">
        <h2 class="section_title">
          <img src="img/home/title.png" alt="">
          公司简介
          <img src="img/home/title.png" alt="">
        </h2>
        <div class="floatfix" style="margin-bottom: 40px;">
          <div class="left" style="margin-top: 50px; cursor: pointer;width: 410px;height: 360px; overflow: hidden;margin-right: 50px">
            <img src="img/home/introduce/computer.png" alt="">
          </div>
          <div style="font-size:18px;padding-top: 20px;line-height: 30px;color: #5e5e5e;">
            <div style="margin-top:20px">这座都市中，“超能力开发”被列为学校课程的一部分（学生作为人体科学实验对象）。在二百三十万人口中，有八成都是学生，所以被称为学园都市。能力开发注重实用性，实行精英教育，以“于义务教育期间创造国际化顶尖人才”为理念。</div>
            <div style="margin-top:20px">
              在二百三十万人口中，有八成都是学生，所以被称为学园都市。他们每天都在超能力开发上进行相互竞争。根据能力高低不同，可以分为6级，从无能力（level 0）到超能力（level 5）。
            </div>
            <div style="margin-top:20px">常盘台中学位于学园都市中第七学区的学舍之园中，是学园都市乃至全世界中首屈一指的私立贵族女校，学
              园都市五大名校之一，只拥有国中部。在能力开发方面处于学园都市前列，入学条件之一为“等级3强能力者及以上”，因其方针落实得彻底，有将某国王室成员子女定为不合格者并险些发展成为外交纠纷一事。</div>
          </div>
        </div>
      </div>

    </div>

    <div class="team">
      <h2 class="section_title">
        <img src="img/home/title.png" alt="">
        师资力量
        <img src="img/home/title.png" alt="">
      </h2>
      <div class="team_wrp">
        <ul class="teach floatfix">

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">Timothy</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

          <li class="col-xs-1-5">
            <div class="nr">
              <div class="pic"><a href="#"><img src="img/home/team/51.jpg" alt="魏老师"></a></div>
              <div class="btan">
                <div class="bt"><a href="#">魏老师</a></div>
                <div class="an" onclick="window.open();">立即咨询</div>
              </div>
              <div class="yx">悉尼大学</div>
              <div class="zy">数字传媒 | 电子交互艺术</div>
            </div>
          </li>

        </ul>
      </div>
    </div>


    <div class="ygedu">
      <div class="ygedu_wrp">
        <h2 class="section_title">
          <img src="img/home/title.png" alt="">
          我们的课程
          <img src="img/home/title.png" alt="">
        </h2>
        <div class="ygedu_con floatfix">

          <li class="nr left">
            <div class="pic">
              <img src="img/home/class/wmdkc_2.jpg">
              <div class="wz">
                <div class="hx"></div>
                <a href="#">
                  <div class="wznr">
                    TOP院校师资教学<br>
                    6大系工作室联合教学<br>
                    全面培养学生艺术能力<br>
                    个性化定制作品集课程
                  </div>
                </a>
              </div>
            </div>
            <div class="bt"><a href="#">本科申请课程</a></div>
            <div class="jj"><a href="#">海外招生官全程参与教学</a></div>
          </li>

          <li class="nr left">
            <div class="pic">
              <img src="img/home/class/wmdkc_2.jpg">
              <div class="wz">
                <div class="hx"></div>
                <a href="#">
                  <div class="wznr">
                    TOP院校师资教学<br>
                    6大系工作室联合教学<br>
                    全面培养学生艺术能力<br>
                    个性化定制作品集课程
                  </div>
                </a>
              </div>
            </div>
            <div class="bt"><a href="#">本科申请课程</a></div>
            <div class="jj"><a href="#">海外招生官全程参与教学</a></div>
          </li>

          <li class="nr left">
            <div class="pic">
              <img src="img/home/class/wmdkc_2.jpg">
              <div class="wz">
                <div class="hx"></div>
                <a href="#">
                  <div class="wznr">
                    TOP院校师资教学<br>
                    6大系工作室联合教学<br>
                    全面培养学生艺术能力<br>
                    个性化定制作品集课程
                  </div>
                </a>
              </div>
            </div>
            <div class="bt"><a href="#">本科申请课程</a></div>
            <div class="jj"><a href="#">海外招生官全程参与教学</a></div>
          </li>

          <li class="nr left">
            <div class="pic">
              <img src="img/home/class/wmdkc_2.jpg">
              <div class="wz">
                <div class="hx"></div>
                <a href="#">
                  <div class="wznr">
                    TOP院校师资教学<br>
                    6大系工作室联合教学<br>
                    全面培养学生艺术能力<br>
                    个性化定制作品集课程
                  </div>
                </a>
              </div>
            </div>
            <div class="bt"><a href="#">本科申请课程</a></div>
            <div class="jj"><a href="#">海外招生官全程参与教学</a></div>
          </li>

        </div>
      </div>
    </div>

    <div class="school">
      <div class="school_wrp">
        <h2 class="section_title">
          <img src="img/home/title.png" alt="">
          校区分布
          <img src="img/home/title.png" alt="">
        </h2>
        <div class="school_con floatfix">
          <div class="school_map left" id="Map"></div>
          <div class="school_local right">
            <div class="campus on" name="广东">
              <span class="cityName" id="cityName">广东校区</span>
              <ul>
                <li>
                  <p class="schoolName">广州东风东校区</p>
                  <p class="adress">地址：广州市越秀区东风东路836号东峻广场裙楼三楼（地铁杨箕站E1出口）</p>
                </li>
                <li>
                  <p class="schoolName">广州沙园校区</p>
                  <p class="adress">地址：广州市海珠区工业大道北88号海珠教育城二楼207(地铁沙园站A出口)</p>
                </li>
                <li>
                  <p class="schoolName">广州滨江东校区</p>
                  <p class="adress">地址：广州市海珠区滨江东路49号滨江宏岸商场二楼</p>
                </li>
                <li>
                  <p class="schoolName">深圳南山校区</p>
                  <p class="adress">地址：深圳市南山区南山大道1175号新绿岛大厦6楼</p>
                </li>
                <li>
                  <p class="schoolName">深圳八卦岭校区</p>
                  <p class="adress">地址：深圳市福田区八卦四路华晟达大厦2楼</p>
                </li>
                <li>
                  <p class="schoolName">深圳龙华校区</p>
                  <p class="adress">地址：深圳市龙华区和平东路金銮国际商务大厦19层</p>
                </li>
                <li>
                  <p class="schoolName">深圳福田校区</p>
                  <p class="adress">地址：深圳市福田区福强路3004号中港城1层（地铁3号线益田地铁站B出口）</p>
                </li>
                <li>
                  <p class="schoolName">深圳宝安校区</p>
                  <p class="adress">地址：深圳市宝安区西乡建安二路七巧国二楼B012</p>
                </li>
                <li>
                  <p class="schoolName">深圳龙岗校区</p>
                  <p class="adress">地址：深圳市龙岗区龙城广场D出口方茄城三楼</p>
                </li>
                <li>
                  <p class="schoolName">东莞东城校区</p>
                  <p class="adress">地址：广东省东莞市东城区东城中路世博广场C区2楼</p>
                </li>
                <li>
                  <p class="schoolName">东莞长安校区</p>
                  <p class="adress">地址：东莞市长安镇长青南路金业大厦三楼</p>
                </li>
                <li>
                  <p class="schoolName">珠海凤凰校区</p>
                  <p class="adress">地址：珠海市香洲区香洲凤凰北路1038号凤凰微校三层</p>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="media">
      <div class="media_wrp">

        <h2 class="section_title">
          <img src="img/home/title.png" alt="">
          媒体报道
          <img src="img/home/title.png" alt="">
        </h2>

        <div class="media_con">
          <ul class="msgs floatfix">
            <li class="msgs_li left">
              <div class="item">
                <div class="news_block">
                  <p class="f14 news_date"><em class="f30">07-02</em>2018</p>
                  <h4 class="f16 news_tit"><a href="#">第二届STEM发展大会圆满落幕，寓乐湾以STEM教育成功实践模式助力STEM教育实践与探索！</a></h4>
                  <div class="news_des">为助力STEM教育在国内各地更好的落地发展，由中国教育科学研究院、广东省教育研究院、深圳市福田区教育局主办的第二届STEM发展大会6月30日在深圳福田区成功召开并于7月2日圆满落幕。会议现场大会活动精</div>
                  <a href="#" class="more02"><span>查看详情</span></a>
                </div>
              </div>
            </li>
            <li class="msgs_li left">
              <div class="item">
                <div class="news_block">
                  <p class="f14 news_date"><em class="f30">07-02</em>2018</p>
                  <h4 class="f16 news_tit"><a href="#">第二届STEM发展大会圆满落幕，寓乐湾以STEM教育成功实践模式助力STEM教育实践与探索！</a></h4>
                  <div class="news_des">为助力STEM教育在国内各地更好的落地发展，由中国教育科学研究院、广东省教育研究院、深圳市福田区教育局主办的第二届STEM发展大会6月30日在深圳福田区成功召开并于7月2日圆满落幕。会议现场大会活动精</div>
                  <a href="#" class="more02"><span>查看详情</span></a>
                </div>
              </div>
            </li>
            <li class="msgs_li left">
              <div class="item">
                <div class="news_block">
                  <p class="f14 news_date"><em class="f30">07-02</em>2018</p>
                  <h4 class="f16 news_tit"><a href="#">第二届STEM发展大会圆满落幕，寓乐湾以STEM教育成功实践模式助力STEM教育实践与探索！</a></h4>
                  <div class="news_des">为助力STEM教育在国内各地更好的落地发展，由中国教育科学研究院、广东省教育研究院、深圳市福田区教育局主办的第二届STEM发展大会6月30日在深圳福田区成功召开并于7月2日圆满落幕。会议现场大会活动精</div>
                  <a href="#" class="more02"><span>查看详情</span></a>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="partner">
      <div class="partner_wrp">
        <h2 class="section_title">
          <img src="img/home/title.png" alt="">
          合作伙伴
          <img src="img/home/title.png" alt="">
        </h2>
        <li class="partner_con">
          <ul class="pantner_list floatfix">

            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/02.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/05.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/01.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/05.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/02.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/02.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/05.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/02.jpg" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/07.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/08.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/04.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>
            <li class="nr col-xs-2 left" onclick="">
              <div class="pic"><img src="img/home/partner/06.png" alt="纽约视觉艺术学院-纽约视觉艺术学院申请-纽约视觉艺术学院排名"></div>
              <div class="bt">学院都市</div>
            </li>

          </ul>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="footer_wrp">

      <div class="fotcon floatfix">

        <div class="phone-bot left">
          <div class="kefuphone floatfix">
            <div class="phonenr left">
              <p class="phonetel">客服电话</p>
              <p class="phonehm">400-690-6161</p>
            </div>
          </div>

          <div class="mailphone floatfix">
            <div class="phonenr left">
              <p class="phonetel">邮箱</p>
              <p class="phonehm">it61@tedu.cn</p>
            </div>

          </div>
        </div>

        <div class="gapline left"></div>

        <div class="fotlist1 left">
          <dl class="fotlib1">
            <span class="footer-nav"><dt>魔法禁书</dt></span>
            <a target="_blank" href="#">
              <dd>关于我们</dd>
            </a>
            <a target="_blank" href="#">
              <dd>联系我们</dd>
            </a>
          </dl>
        </div>
        <div class="fotlist2 left">
          <dl class="fotlib2">
            <span class="footer-nav"><dt>课程体系</dt></span>
            <a target="_blank" href="#">
              <dd>创意启蒙课程</dd>
            </a>
            <a target="_blank" href="#">
              <dd>人工智能编程</dd>
            </a>
            <a target="_blank" href="#">
              <dd>智能机器人编程</dd>
            </a>
            <a target="_blank" href="#">
              <dd>信息学奥赛编程</dd>
            </a>
          </dl>
        </div>
        <div class="fotlist3 left">
          <dl class="fotlib3">
            <span class="footer-nav"><dt>师资团队</dt></span>
            <a target="_blank" href="#">
              <dd>研发专家</dd>
            </a>
            <a target="_blank" href="#">
              <dd>专业师资</dd>
            </a>
          </dl>
        </div>
        <div class="fotlist4 left">
          <dl class="fotlib4">
            <span class="footer-nav"><dt>赛事活动</dt></span>
            <a target="_blank" href="#">
              <dd>发大赛</dd>
            </a>
            <a target="_blank" href="#">
              <dd>直选赛</dd>
            </a>
            <a target="_blank" href="#">
              <dd>一小时</dd>
            </a>
            <a target="_blank" href="#">
              <dd>编程节</dd>
            </a>
            <a target="_blank" href="#">
              <dd>研学营</dd>
            </a>
          </dl>
        </div>
        <div class="fotlist5 left">
          <dl class="fotlib5">
            <span class="footer-nav"><dt>企业动态</dt></span>
            <a target="_blank" href="#">
              <dd>荣誉资质</dd>
            </a>
            <a target="_blank" href="#">
              <dd>媒体报道</dd>
            </a>
            <a target="_blank" href="#">
              <dd>合作伙伴</dd>
            </a>
          </dl>
        </div>

        <div class="fotlist6 left">
          <dl class="fotlib6">
            <span class="footer-nav"><dt>更多内容</dt></span>
            <a target="_blank" href="#">
              <dd>开班盛况</dd>
            </a>
            <a target="_blank" href="#">
              <dd>家长反馈</dd>
            </a>
            <a target="_blank" href="#">
              <dd>新闻活动</dd>
            </a>
            <a target="_blank" href="#">
              <dd>文章资讯</dd>
            </a>
          </dl>
        </div>

        <div class="weixin left">
          <img src="img/footer/qrcode.jpg" alt="">
          <p>关注学园都市官方微信</p>
        </div>
      </div>
    </div>
  </div>



  <a class="gotop" href="javascript:void(0);" id="toTop" style="display: block;"></a>

  <div id="sider" class="silder">
    <div class="sidekc"><a target="_blank" href="consult.html"><img src="img/home/sidekc.png" alt=""></a></div>
    <div class="siderx" id="freelookBtn"><a href="javascript:;"><img src="img/home/siderx.png" alt=""></a> </div>
  </div>

  <div id="dialogBg" style="display:none"></div>
  <div class="freelook-dialog" id="freeDialog" style="display:none">
    <div class="freelook_con">
      <div class="freelook_head">
        <div type="button" id="close" class="close" data-dismiss="modal" aria-hidden="true">
          <span class="fa fa-lg iconfont icon-55"></span>
        </div>
        <h4 class="freelook_title" id="myModalLabel">申请免费试听课</h4>
      </div>
      <form>
        <div class="freelook_body floatfix">
          <div class="center-area">
            <input name="from" type="hidden" value="">
            <input name="reason" type="hidden" value="课程介绍-PC大礼包1">
            <div class="form-group">
              <div class="group">
                <div class="left-group floatfix">
                  <span class="fa fa-user-o"></span>
                </div>
                <div class="right-group">
                  <input type="text" name="name" placeholder="孩子姓名">
                </div>
              </div>

              <div class="group">
                <div class="left-group">
                  <span class="fa fa-clock-o"></span>
                </div>
                <div class="right-group" style="padding-top:8px">
                  <select name="grade" class="form-control" style="width: 100%; border: none; box-shadow: none; height: auto; padding-top: 0;">
                    <option value="">请选择孩子年级</option>
                    <option value="-1">学前</option>
                    <option value="1">一年级</option>
                    <option value="2">二年级</option>
                    <option value="3">三年级</option>
                    <option value="4">四年级</option>
                    <option value="5">五年级</option>
                    <option value="6">六年级</option>
                    <option value="7">初一</option>
                    <option value="8">初二</option>
                    <option value="9">初三</option>
                    <option value="10">高一</option>
                    <option value="11">高二</option>
                    <option value="12">高三</option>
                    <option value="13">成人</option>
                  </select>
                </div>
                <div class="clear"></div>
              </div>
              <div class="group">
                <div class="left-group">
                  <span class="fa fa-phone"></span>
                </div>
                <div class="right-group">
                  <input type="text" name="mobile" class="reg-mobile" placeholder="家长手机号">
                </div>
                <div class="clear"></div>
              </div>
              <div style="width: 400px;max-width: 100%;margin: 0 auto;" class="floatfix">
                <div class="group" style="width: 73%; float: left;">
                  <div class="left-group" style="width: 26.7%;">
                    <span class="glyphicon glyphicon-send"></span>
                  </div>
                  <div class="right-group" style="width: 70%;padding-left: 5px">
                    <input type="text" name="verify-code" placeholder="验证码">
                  </div>
                </div>
                <div style="width: 24%; float: left; margin-left: 1%; margin-top: 20px;">
                  <a href="javascript:;" style="height: 40px; padding-top: 9px;" class="send-btn" id="formGetCode">发送验证码</a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="freelook-footer">
          <button type="button" class="apply-btn" id="course-gift-btn">
            立即申请
          </button>
        </div>

      </form>
    </div>
  </div>

  <script src="plugin/jquery-1.12.4.js"></script>
  <script src="plugin/d3.v3.min.js"></script>
  <script src="js/index.js"></script>
</body>

</html>